/*Tab组件*/
.farris-tabs {
  .farris-tabs-header {
    padding-top: 0.75rem;

    .farris-tabs-title {
      &.scroll-tabs {
        .farris-nav-tabs {
          .nav-item {
            position: relative;

            &::after {
              content: "";
              position: absolute;
              bottom: 0;
              left: 0;
              right: 0;
              height: 3px;
              display: none;
              border-radius: 10px;
              box-shadow: 0px 2px 6px 0px rgba(#4E94FF, 0.4);
            }

            &.f-state-active {
              &::after {
                display: block;
                background: $f-scrollspy-tab-title-active-bg;
              }
            }
          }

          &.nav-pills {
            .nav-item {
              &.f-state-active {
                &::after {
                  display: none;
                }
              }
            }
          }
        }
      }
    }
  }
}